*{margin:0;padding:0;font-size: 14px;color:#333;}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;color: #1d1007; line-height:24px} 
p,a,span,h1,h2,h3,h4,h5,h6,li,td,th,tbody{ font-family:"Microsoft YaHei",微软雅黑} 
.left{ float:left;} 
.right{ float:right;} 
.cl{clear: both;}
.box_weidth{width:1200px;margin: 0 auto;}
a{ 
text-decoration:none; 
color:#f1f1f1; 
} 

.plc a{color:#333}
.top_01 img{width:100%;}
h1 {
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
}
.box {
	background-color: #202932;
	
}
.nav_top,.navigation_bg{  width:100%;  background-color: #0b4b6e;color:#fff;}
.nav_02{padding: 15px 0;}
.nav_02 li{color: #fff;float: left; float: left;width: 145px;text-align: center;}
.nav_02 li span{color: #FFFFFF;}
.f-nav {
	height: 60px;
	overflow: hidden;
	transition: all 1s;
	display: block;
	position: relative;
	padding: 0;
	
	background-color: #0b4b6e;margin:0;
}
.f-nav li {
	padding: 0;
	margin: 0;
	float: left;
	height: 60px;
	line-height: 60px;
	position: relative;
	z-index: 100;
	display: inline-block;
	list-style-type: none;
	width: 100px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.sideline {
	position: absolute;
	background-color: #208ff9;
	left: 0;
	top: 0;
	color: #fff;
	min-height: 30px;
	z-index: 1;
	height: 60px;
	line-height: 60px;
	display: inline-block;
	list-style-type: none;
	width: 100px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.f-nav li.active {
	background-color: #208ff9;
	color: #fff;
}
.f-nav li.fontNav {
	background-color: #208ff9;
	color: #fff;
	animation: fontNav .8s;
}
.f-nav li.downNav {
	background-color: #208ff9;
	color: #fff;
	animation: downNav .8s;
}
.f-nav li.leftNav {
	background-color: #208ff9;
	color: #fff;
	animation: leftNav .8s;
}
.f-nav li.rightNav {
	background-color: #208ff9;
	color: #fff;
	animation: rightNav .8s;
}
/*左边缘*/
.f-nav li.edgeLeft {
	background-color: #208ff9;
	color: #fff;
	animation: edgeLeft .8s;
}
/*右边缘*/
.f-nav li.edgeRight {
	background-color: #208ff9;
	color: #fff;
	animation: edgeRight .8s;
}
/*从中间变大*/
.f-nav li.scaleChange {
	background-color: #208ff9;
	color: #fff;
	animation: scaleChange .8s;
}
 @keyframes scaleChange {
 0% {
 transform: scale(0);
},  50% {
 transform: scale(.5);
},  100% {
 transform: scale(1);
}
}
 @keyframes fontNav {
 0% {
 transform: translate(0, -100%);
},  50% {
 transform: translate(0, -50%);
},  100% {
 transform: translate(0, 0);
}
}
 @keyframes downNav {
 0% {
 transform: translate(0, 100%);
},  50% {
 transform: translate(0, 50%);
},  100% {
 transform: translate(0, 0);
}
}
 @keyframes leftNav {
 0% {
 transform: translate(-100%, 0%);
},  50% {
 transform: translate(-50%, 0%);
},  100% {
 transform: translate(0, 0);
}
}
 @keyframes rightNav {
 0% {
 transform: translate(100%, 0%);
},  50% {
 transform: translate(50%, 0%);
},  100% {
 transform: translate(0%, 0);
}
}
 @keyframes edgeLeft {
 0% {
 transform: translate(-100%, -100%);
}
 100% {
 transform: translate(0%, 0%);
}
}
 @keyframes edgeRight {
 0% {
 transform: translate(100%, 100%);
}
 100% {
 transform: translate(0%, 0%);
}
}

/*轮播图3*/
.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { margin-bottom: 50px; position: relative; float: left; width: 300px; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0;height:260px; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 14px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/themes.gif") no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }
/*轮播图3end*/


/*产品tab*/
.lanrenzhijia{  height:200px; margin:10px auto;  font-family:'微软雅黑';}
.lanrenzhijia .tab{ overflow:hidden;    margin-bottom: 30px;}
.lanrenzhijia .tab a{ display:block; padding:10px 70px; float:left; text-decoration:none; color:#333;}
.lanrenzhijia .tab a:hover{ background:#E64E3F; color:#fff; text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#333; color:#fff; text-decoration:none;    border-radius: 4px;}
.lanrenzhijia .content{ overflow:hidden; }
.lanrenzhijia .content li{ display:none;}
/*产品tabend*/

/*图片遮罩*/
.lanren{}
.lanren ul li{width:250px;height:146px;float:left;margin:0 15px 15px 0;position:relative;overflow:hidden;cursor:pointer;}
.lanren .txt{width:250px;height:45px; background:url(../img/1px.png) repeat;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.lanren .txt h3{font-size:20px;font-weight:100;height:45px;text-align:center;line-height:45px;color:#fff;}
.lanren .txt p{font-size:12px;text-align:center;}
.txt h3{margin-top: 0px;}
.txt p{color: #FFFFFF;}
.lanren li img{width: 100%;}
/*图片遮罩end*/

/*荣誉*/
.scroll{ width:1200px; height:230px; margin:30px auto 0 auto; overflow:hidden;}
.v_out{width:1200px;margin:0px auto;overflow:hidden;}
.v_show{width:1125px;overflow:hidden;position:relative;height:280px;float:left}
.u_lanren{ width:6650px;position:absolute;left:0px;top:0px;}
.u_lanren ul{float:left;text-align:center;line-height:50px;}
.u_lanren ul li{width:1120px;height:230px;float:left; overflow:hidden;}
.u_lanren ul li dd{ width:330px; height:237px; margin-left: 35px; float:left; overflow:hidden; position:relative; list-style:none;}
.u_lanren ul li dd img{ position:absolute; left:0; top:0; z-index:10; width:330px; height:230px;}
.u_lanren ul li dd a.link{ width:210px; height:302px; display:block; position:absolute; left:0; top:0; z-index:20;}
.u_lanren ul li dd span.info{ width:51px; height:51px; display:block; position:absolute; right:10px; bottom:10px;background:url(images/3.png) no-repeat;z-index:30;}
.prev,.next{float:left; padding-top:100px;}
.prev a{ background:url(../img/left.jpg) no-repeat center center;}
.next a{ background:url(../img/right.jpg) no-repeat center center;}
.prev,.prev a,.next,.next a{width:30px;height:40px; display:block}
/*荣誉end*/

/*跑马灯*/
.str_wrap{
			padding-left: 3em;
			padding-right: 3em;
			background: #fefefe;
			height: 10em;
			line-height: 2em;
			font-size: 1.2em;
		}
		.str3 { font-size:0 !important}
		.str3-2 { background:none !important;}
.str3-2 span { border:5px solid #ccc; background:#f1f1f1; color:#999; margin:0 5px; text-align:center; font:40px/100px Arial, Helvetica, sans-serif; width:100px; height:100px; display:inline-block; vertical-align:top;}
		.str4 .str_item {
			font-size:0;
			line-height:0
		}
		.str4 img { opacity:0.8}
		.str4 img:hover { opacity:1}
		.str4.str_wrap.str_active {
			background:#fff;
		}
/*跑马灯*/

.yqboder{ border-bottom: 2px solid #666;}